﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="calendario.ascx.cs" Inherits="HRP.Private.Agenda.calendario" %>

<link rel='stylesheet' href='/fullcalendar/cupertino/theme.css' />
<link href='/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />

<script type="text/javascript" src='/fullcalendar/fullcalendar.min.js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#calendar').fullCalendar({
        theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            buttonText:{
            today: 'Hoje',
            month: 'Mês',
            week: 'Semana',
            day: 'Dia'          
            },
            editable: true,
            showTime:true,
            dateFormat: 'yy-mm-dd',
            monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
            dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
            dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
            dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
            agenda: 'h:mm{ - h:mm}',
            events: [<%=eventos %>]         
        });

    });

</script>
<style type="text/css">

	body {
		margin-top: 40px;
		/*text-align: center;*/
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		}

	#calendar {
		width:100%;
		margin: 20px auto;
		}

</style>

<div id='calendar'></div>
